<template>
    <div>
        <mt-swipe :auto="2000">
            <mt-swipe-item v-for="item in resource" :key="item.id">
                <img :src="item.img" alt="" :class="{full:isfull}">
            </mt-swipe-item>
        </mt-swipe> 
    </div>
</template>
<script>
export default {
    props:["resource","isfull"]
}
</script>
<style lang="scss" scoped>
        .mint-swipe {
             height:200px;
             text-align: center;
        .mint-swipe-item {
            // &:nth-child(1){
            //     background-color: red;
            // }
            // &:nth-child(2){
            //     background-color: green;
            // }
            // &:nth-child(3){
            //     background-color: cyan;
            // }
            img {
                // width:100%;
                height:100%;
            }
         }
        
    }
    .full{
        width:100%;
    }
    
</style>